<template>
  <div class="have-money-spend">
    <header-page class="header-page" title="有 钱 花" desc="了解详情" descTo="/have-money-spend" />
    <head-img/>
    <borrow-money/>
    <credit-life/>
    <footer-hms/>
    <navbar class="navbar"/>
  </div>
</template>
<script>
import Navbar from '@/pages/comm-comp/navbar/navbar.vue'
import HeaderPage from '@/components/core/header-page.vue'
import BorrowMoney from './borrow-money/borrow-money.vue'
import CreditLife from './credit-life/credit-life.vue'
import FooterHms from './footer-hms/footer-hms.vue'
import HeadImg from './head-img/head-img.vue'

export default {
  name: 'have-money-spend',
  components: {
    Navbar,
    HeaderPage,
    BorrowMoney,
    CreditLife,
    FooterHms,
    HeadImg
  }
}
</script>
<style lang="scss" scoped>

.have-money-spend{
  padding: 100px 0 100px 0;
  .navbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
  .header-page {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    background-color: #fff;
  }
}
</style>
